<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      layout:decorate="main">
<head>
    <meta charset="UTF-8">
    <title>销售机会管理</title>
    <link th:href="@{/localcss/appinfolist.css}" href="../static/localcss/appinfolist.css" rel="stylesheet">
    <script th:src="@{/localjs/rollpage.js}" src="../static/localjs/rollpage.js"></script>
    <script th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js"></script>
    <script th:src="@{/localjs/chancedel.js}" src="../static/localjs/chancedel.js"></script>
</head>
<body>
<div layout:fragment="content">
    <div class="clearfix"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>
                        销售机会管理<i class="fa fa-user"></i>
                    </h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form method="post" action="list.html" th:action="@{/chance/list}">
                        <input type="hidden" name="pageIndex" th:value="${chancePage.number+1}" value="1" />
                        <ul>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">客户名称</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input name="roleName" type="text"
                                               class="form-control col-md-7 col-xs-12"
                                               th:value="${chcCustName}" value="">
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">概要</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input name="roleName" type="text"
                                               class="form-control col-md-7 col-xs-12"
                                               th:value="${chcTitle}" value="">
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">联系人</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input name="roleName" type="text"
                                               class="form-control col-md-7 col-xs-12"
                                               th:value="${chcLinkman}" value="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <button type="submit" class="btn btn-primary">查
                                    &nbsp;&nbsp;&nbsp;&nbsp;询</button>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">

                <div class="x_content">
                    <p class="text-muted font-13 m-b-30"></p>
                    <div id="datatable-responsive_wrapper"
                         class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                        <div class="row">
                            <div class="col-sm-12">
                                <a th:href="@{/chance/add}" href="../chance/add"
                                   class="btn btn-success btn-sm">新增销售机会</a>
                                <table id="datatable-responsive"
                                       class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                       cellspacing="0" width="100%" role="grid"
                                       aria-describedby="datatable-responsive_info"
                                       style="width: 100%;">

                                    <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="First name: activate to sort column descending"
                                            aria-sort="ascending">ID
                                        </th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            客户名称
                                        </th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            概要
                                        </th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            联系人
                                        </th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            联系人电话
                                        </th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            创建时间
                                        </th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            style="width: 124px;"
                                            aria-label="Last name: activate to sort column ascending">
                                            操作
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr th:each="chance : ${chancePage.content}" role="row" class="odd">
                                        <td th:text="${chance.chcId}">ID</td>
                                        <td th:text="${chance.chcCustName}">客户名称</td>
                                        <td><span th:text="${chance.chcTitle}">概要</span></td>
                                        <td><span th:text="${chance.chcLinkman}">联系人</span></td>
                                        <td><span th:text="${chance.chcTel}">联系人电话</span></td>
                                        <td><span th:text="${chance.chcCreateDate}">创建时间</span></td>
                                        <td>
                                            <div class="btn-group">
                                                <button type="button" class="btn btn-danger">点击操作</button>
                                                <button type="button"
                                                        class="btn btn-danger dropdown-toggle"
                                                        data-toggle="dropdown" aria-expanded="false">
                                                    <span class="caret"></span> <span class="sr-only">Toggle
															Dropdown</span>
                                                </button>
                                                <ul class="dropdown-menu" role="menu">
                                                    <li>
                                                        <a th:href="@{/chance/appoint(chcId=${chance.chcId})}"
                                                           data-toggle="tooltip" data-placement="top" title=""
                                                           class="dispatchChance"
                                                           shiro:hasRole="销售主管"
                                                           data-original-title="指派销售机会">指派</a>
                                                    </li>
                                                    <li><a th:href="@{/chance/edit(chcId=${chance.chcId})}" data-toggle="tooltip"
                                                           class="editChance"
                                                           data-placement="top" title=""
                                                           data-original-title="编辑">编辑</a></li>

                                                    <li>
                                                        <a href="javascript:;" th:onclick="'javascript:del('+this+','+${chance.chcId}+');'"
                                                           class="deleteChance"
                                                           data-toggle="tooltip" data-placement="top" title=""
                                                           data-original-title="删除销售机会">删除</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <div class="dataTables_info" id="datatable-responsive_info"
                                     role="status" aria-live="polite">共<span th:text="${chancePage.totalElements}">999</span>条记录
                                    <span th:text="${chancePage.number + 1}"></span>/<span th:text="${chancePage.totalPages}"></span>页
                                </div>
                            </div>
                            <div class="col-sm-7">
                                <div class="dataTables_paginate paging_simple_numbers"
                                     id="datatable-responsive_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button previous" th:if="${chancePage.number gt 0}"><a
                                                href="javascript:page_nav(document.forms[0],1);"
                                                aria-controls="datatable-responsive" data-dt-idx="0"
                                                tabindex="0">首页</a></li>
                                        <li class="paginate_button " th:if="${chancePage.number gt 0}"><a
                                                href="#" th:onclick="'javascript:page_nav(document.forms[0],'+${chancePage.number}+');'"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">上一页</a></li>
                                        <li class="paginate_button " th:if="${(chancePage.number+1) lt chancePage.totalPages}"><a
                                                href="#" th:onclick="'javascript:page_nav(document.forms[0],'+${chancePage.number+2}+');'"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">下一页</a></li>
                                        <li class="paginate_button next" th:if="${(chancePage.number+1) lt chancePage.totalPages}"><a
                                                href="#" th:onclick="'javascript:page_nav(document.forms[0],'+${chancePage.totalPages}+');'"
                                                aria-controls="datatable-responsive" data-dt-idx="7"
                                                tabindex="0">最后一页</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>